<template>
    {{ showe }}
    <el-button type="primary" @click="handleClick()"> 导出</el-button>
    <el-button type="primary" @click="handleClicke()"> faregr</el-button>
    <div>{{ store.state.number }}</div>
    <EDialog v-model:visibl="detailsVisible" @updateDialog="updateDialog" />
    <EDialog v-model:visible="detailsVisib" @updateDialog="updateDialog" />
    <!-- v-model:visible="flag" -->
    <Dialog ref="testDom"></Dialog>
</template>
<script lang="ts" setup>
import { ref, watch } from 'vue'
import EDialog from './comments/exportDialog.vue'
import Dialog from './comments/exporDom.vue'
import { useStore } from 'vuex'
const detailsVisible = ref(false)
const detailsVisib = ref(false)
const store = useStore()

const handleClick = () => {
    detailsVisible.value = true
}
const handleClicke = () => {
    console.log(detailsVisib.value);

    detailsVisib.value = true
}
watch(() => detailsVisible.value, (val) => {
    console.log("父组件监听flag:", val);
})
const showe = ref([])
const updateDialog = (show: any) => {
    console.log(show);
    showe.value = show
    console.log(showe.value);
}



</script>
<style></style>